<script setup lang="ts">
const props = withDefaults(defineProps<{
  msg?: string;
}>(), {});
</script>

<template>
  <div class="flex-center flex-col py-8 lt-tablet:(py-6)">
    <img class="mx-auto block max-w-30 min-w-20 w-20%" src="../../assets/imgs/user/empty.png" alt="Empty">
    <div class="mx-auto mt-5 w-fit text-center text-sm text-sys-text-body">
      <slot>{{ props.msg || $t('zvEHnJPsFo7Xqkn08apQ') }}</slot>
    </div>
  </div>
</template>

<style scoped lang="scss"></style>
